2 box-sizing: border-box;
3 font: normal normal normal medium/1.25 Sans-Serif;
4 font: normal normal normal normal medium/1.25 Sans-Serif;
12 background-color: #FFF;
16 b, strong { font-weight: bold; }
17 i, em { font-style: italic; }
19 input[type=text], input:not([type]) {
20 border: 1px solid #08b;
26 background-color: #EEE;
32 min-width: 20%; max-width: 90%;
35 left: 50%; transform: translate(-50%);
36 background-color: #FFF;
38 border-radius: 1ex 1ex .5ex .5ex;
41 background-color: #08b;
46 border-bottom: 1px solid;
47 border-radius: 1ex 1ex 0 0;
49 #settings a.settings {
52 background-color: #F88;
53 border-left: 1px solid;
54 border-radius: 0 1ex 0 0;
58 #settings a.settings:before {
65 text-decoration: underline;
66 margin: -1px 1px 0 0; padding: .5ex 1ex;
67 border-top: 1px solid;
68 background-color: #EEE;
70 #settings a.section + * {
72 padding: .5ex 1ex 0 1ex;
75 transition: max-height .5s;
77 #settings a.section + *:target {
79 padding: 1ex 1ex .5ex 1ex;
81 #settings input {margin-right: 1ex;}
86 left: .5ex; right: .5ex;
88 form#channel a.settings {
89 display: inline-block;
91 form#channel a.settings:before {
97 form#channel input[name=message] {
98 display: inline-block;
101 width: calc(100% - 4.5ex);
103 form#channel button[value=submit] { display: none; }
104 #chat .message .date {
113 border: 1px solid #08b;
119 #chat .message .nick {
123 #chat .message .nick .indicator {